<!--
 * @Author: 你的名字
 * @Date: 2022-09-21 15:00:51
 * @FilePath: /demo-gather/src/views/Home/HomeIndex.vue
 * @Description: 
-->
<template>
  <div id="app">
    <div class="t-l">
      <el-button-group>
        <el-button
          v-for="(item, index) in routerList"
          @click="to(item)"
          :key="item.name + index"
          type="primary"
          >{{ item.name }}</el-button
        >
        <el-button type="primary">echarts组件</el-button>
      </el-button-group>
    </div>

    <!-- <multLogin/> -->
    <PdfShow />
    <CoolButton />
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
import CoolButton from "@/components/normal/CoolButton.vue";
// import multLogin from "@/components/normal/multLogin.vue";
import PdfShow from "@/views/Pdf/Index.vue";
export default {
  name: "HomeIndex",
  components: {
    // HelloWorld,
    CoolButton,
    // multLogin,
    PdfShow,
  },
  data() {
    return {
      routerList: [
        {
          name: "echarts组件",
          path: "/chart-test",
        },
        {
          path: "/actions-test",
          name: "动画测试",
        },
        {
          path: "/map-test",
          name: "地图测试",
        },
        {
          path: "/drawer-box",
          name: "抽屉组件",
        },
      ],
    };
  },
  methods: {
    to(item) {
      this.$router.push(item.path);
    },
  },
};
</script>

<style>
.t-l {
  text-align: left;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  margin: 0 auto;
  width: 480px;
}
.el-form-item__content {
  margin-left: 0;
}
</style>
